pre {
  margin: 0;
  white-space: pre;
  font-size: 0;
  overflow: auto;
  word-wrap: break-word;
}

code {
  margin: 0;
  white-space: pre;
  font-size: 12px !important;
  word-wrap: break-word;
  font-family: consolas, Courier, "MS Courier New", monospace;
  line-height: 16px !important;
  * {
    user-select: text;
  }
}

.lineArea {
  font-family: consolas, Courier, "MS Courier New", monospace;
  line-height: 16px !important;
  font-size: 12px;
  padding: 1em;
}

.hljs {
  background-color: #fff !important;
}

.hljs-deletion,
.hljs-regexp,
.hljs-selector-class,
.hljs-selector-id,
.hljs-template-variable,
.hljs-variable {
  color: #111 !important
}

.language-xml {
  color: #999 !important;
  .hljs-string {
    color: #4343da !important;
  }

  .hljs-keyword {
    color: #0a7a34 !important;
  }

  .hljs-attr {
    color: orangered !important;
  }

  .hljs-name {
    color: #008080 !important
  }

  .hljs-tag {
    color: #999 !important
  }

  .hljs-comment {
    color: #659b7d !important;
  }
}

.language-javascript {
  color: #999 !important;

  .hljs-keyword {
    color: #3172bc !important;
  }

  .hljs-comment {
    color: #659b7d !important;
  }

  .function_ {
    color: $themePurple !important;
  }

  .hljs-attr {
    color: #3172bc !important;
  }

  .hljs-number {
    color: $greenDark !important;
  }

  .hljs-string {
    color: $orange !important;
  }

  .hljs-literal {
    color: $greenDark !important;
  }

  .hljs-name {
    color: #008080 !important
  }

  .hljs-tag {
    color: #999 !important
  }

  .hljs-variable {
    color: #3172bc !important;
  }

  .hljs-property {
    color: $blueLight !important;
  }

  .hljs-function {
    color: $themePurple !important;
  }
}

.language-css {
  color: #999 !important;

  .hljs-number {
    color: $greenDark !important;
  }

  .hljs-built_in {
    color: $orangeDark !important;
  }

  .hljs-selector-tag {
    color: #3172bc !important;
  }

  .hljs-attribute {
    color: $orange !important;
  }
}